<!-- 逻辑代码 写 函数 定义数据
  setup：用 Vue 提供的一种【语法糖】，简化的写法
  lang="ts" 内部写的语言：TypeScript
-->
<script setup lang="ts">
//布尔值
const male=false
//函数
const getInfo=()=>{
  return '感觉自己萌萌哒'
}
//对象，对象内部有函数
const dog={
  name:'柯基',
  color:'黄色',
  bark(){
    return '旺旺叫~~'
  }
}
</script>

<!-- 结构 -->
<template>
<!--支持写表达式  -->
<!-- {{ 插值表达式 }} -->
<h2>{{ male?'男孩子':'女孩子' }}</h2>
<!-- 调用 获取返回值 -->
<h2>{{ getInfo() }}</h2>
<h2>{{  dog.bark()  }}</h2>
<!-- if switch while 这种是语句 -->
<!-- <h2>{{  if(male){'女孩子'}  }}</h2> -->
</template>


<!-- 样式 -->
<style scoped>


</style>
